<template>
	<view class="smart-container">
		<view class="smart-t" @click="goDetaiPages('view')">1.容器</view>
		<view class="smart-h" @click="goDetaiPages('view')">view视图</view>
		<view class="smart-h" @click="goDetaiPages('scroll')">view滚动视图</view>
		<view class="smart-h" @click="goDetaiPages('swiper')">可滑动视图</view>
		
		<view class="smart-t" @click="goDetaiPages('text')">2.基础内容</view>
		<view class="smart-h" @click="goDetaiPages('rich')">rich-text富文本</view>
		<view class="smart-h" @click="goDetaiPages('progress')">progress进度条</view>
		
	</view>
	
	<!-- 3. 表单组件 -->
			<view class="smart-t">
				<text class="item-title">
					3. 表单组件
				</text>
			</view>
			
			<!-- 【添加这里】 -->
			<view class="smart-h" @click="goDetaiPages('button')">
				<text>1. button</text>
			</view>
			<view class="smart-h" @click="goDetaiPages('radio')">
				<text>2. radio</text>
			</view>
			<view class="smart-h" @click="goDetaiPages('checkbox')">
				<text>3. checkbox</text>
			</view>
			<view class="smart-h" @click="goDetaiPages('input')">
				<text>4. input</text>
			</view>
			<view class="smart-h" @click="goDetaiPages('picker')">
				<text>5. picker</text>
			</view>
			
			<!-- 剩下的组件先放着，但不可点 -->
			<view class="smart-h" @click="goDetaiPages('slider')">
				<text>6. slider</text>
			</view>
			<view class="smart-h" @click="goDetaiPages('switch')">
				<text>7. switch</text>
			</view>
			<view class="smart-h" @click="goDetaiPages('textarea')">
				<text>8. textarea</text>
			</view>
			<view class="smart-h" @click="goDetaiPages('form')">
				<text>9. form</text>
			</view>
	
			<!-- 4. 其他组件 -->
				<view class="smart-t">
					<text class="item-title">
						4. 其他组件
					</text>
				</view>
				
				<!-- 【添加这里】 -->
				<view class="smart-h" @click="goDetaiPages('navigator')">
					<text>1. navigator</text>
				</view>
				<view class="smart-h" @click="goDetaiPages('image')">
					<text>2. image</text>
				</view>
				<view class="smart-h" @click="goDetaiPages('video')">
					<text>3. video</text>
				</view>
				<view class="smart-h" @click="goDetaiPages('map')">
					<text>4. map</text>
				</view>
		
			
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
	
		},
		methods: {
			goDetaiPages(e){
				uni.navigateTo({
				  url: '/pages/component/' + e + '/' + e  // 正确的对象参数格式
				})
			},
			navito(e) {
							uni.navigateTo({
								url: '/pages/components/' + e + '/' + e
							})
						}
		}
	}
</script>

<style>
	.item-obj-disabled {
		/* 复制 .item-obj 的样式 */
		margin-bottom: 12px;
		background-color: #fdfdfd;
		padding: 10px;
		border-radius: 5px;
		/* ... 其他 .item-obj 样式 ... */
		
		/* 禁用效果 */
		color: #999;
		opacity: 0.6;
	}
</style>